
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>基于jquery语言框架下以城市为线索学习大学思政</title>
    <link rel="stylesheet" type="text/css" href="css/lanren.css">
	<style>
#float { width:300px; 
	height: 50px;  
	position:fixed;
	left:-8%;
	top:45%;
	z-index:1192; 
	transform:rotate(90deg);
	font-family: 华文琥珀;
	font-size: 40px;
	letter-spacing: 30px;
	}
#window { width:300px; 
	height: 50px;  
	position:fixed;
	left: 87%;
	top:40%;
	z-index:1192; 
	transform:rotate(-90deg);
	font-family: 华文琥珀;
	font-size: 40px;
	letter-spacing: 30px;
	}
	</style>
</head>
<body>
<div id="float">粤易文化</div>
</div>
<div id="window">网络创新</div>
</div>	
    <div class="m_map">
<div>

      <div class="mp mp4">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                         <a href="https://www.bilibili.com/video/BV1we411s713?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629753398&unique_k=aOwU65/"><img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <a href="https://www.bilibili.com/video/BV1we411s713?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629753398&unique_k=aOwU65/"> <p>
							1935年5月3日，军委干部团的同志们击溃了对岸的敌军并控制了位于会泽以西的皎平渡。3-9日，凭借7条小船……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                会泽</div>
        </div>
 
      <div class="mp mp7">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/AkdqwZ?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629753726535"> <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <a href="https://b23.tv/AkdqwZ?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629753726535"><p>
							松潘县，位于青藏高原东缘，海拔高，红军经过的松潘草地就位于此，红军长征的最后一座大山——岷山位于该县北面……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                松潘</div>
        </div>
 
<div class="mp mp11">
        <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/fRLZ0h?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629753941513"> <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <a href="https://b23.tv/fRLZ0h?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629753941513">  <p>
							1927年，毛泽东率领秋收起义部队到达江西省永新县三湾村进行改编，首次提出“支部建在连上”……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                永新</div>
        </div>
      <div class="mp mp12">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://www.bilibili.com/video/BV1W54y1h7VM?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629754374&unique_k=pepEl2">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                      <a href="https://www.bilibili.com/video/BV1W54y1h7VM?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629754374&unique_k=pepEl2">  <p>
                            瑞金是共和国摇篮、中央苏区时期党中央驻地、中华苏维埃共和国临时中央政府诞生地、中央红军二万五千里长征出发地……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                <strong> 瑞金</strong></div>
        </div>

      <div class="mp mp14">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://www.bilibili.com/video/BV1j5411w7ib?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629754535&unique_k=uESBbM">   <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <a href="https://www.bilibili.com/video/BV1j5411w7ib?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629754535&unique_k=uESBbM">   <p>
							湘江战役后，越来越多红军对博古和李德的错误指挥和方针不满，1935年1月初，红军攻下遵义，召开了意义深远的会议……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                遵义</div>
        </div>

        <div class="mp mp17">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/o3wMFC?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629754807131">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <a href="https://b23.tv/o3wMFC?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629754807131">  <p>
							1947年8月27日，晋冀鲁豫野战军司令员刘伯承、政治委员邓小平率部队千里奔袭挺进六安大别山，掀开战略反攻序幕……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                六安</div>
        </div>
      
        <div class="mp mp19">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://www.bilibili.com/video/BV19b411N7aq?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629755067&unique_k=vGtfRO">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://www.bilibili.com/video/BV19b411N7aq?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629755067&unique_k=vGtfRO">  <p>
						   历史文化名城，国民党政府驻地，1949年4月23日，南京解放，标志着国民政府在中国的统治结束……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                南京</div>
        </div>
        <div class="mp mp20">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://www.bilibili.com/video/BV1pT4y1M7mo?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629755461&unique_k=gSreAK">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                      <a href="https://www.bilibili.com/video/BV1pT4y1M7mo?p=1&share_medium=android&share_plat=android&share_source=WEIXIN&share_tag=s_i&timestamp=1629755461&unique_k=gSreAK">  <p>
						  1921年7月，中共“一大”在上海秘密举行。7月30日晚，因突遭法国巡捕搜查，会议被迫转移到嘉兴南湖的小船上……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                嘉兴</div>
        </div>
<div class="mp mp23">
      <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://b23.tv/CzJKiw?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756319333">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                         <a href="https://b23.tv/CzJKiw?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756319333">   <p>
							 是解放战争具有决定意义的三大战役之一平津战役发生的主要地点，1949年10月，在天安门广场毛泽东同志宣布……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                <strong> 北京</strong></div>
        </div>
        <div class="mp mp24">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                         <a href="https://b23.tv/CzJKiw?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756319333">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://b23.tv/CzJKiw?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756319333">    <p>
						   是解放战争具有决定意义的三大战役之一平津战役发生的主要地点，1948年11月29日开始，1949年1月31日结束……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                天津</div>
        </div>
        <div class="mp mp25">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://b23.tv/sxbFu5?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756471593"> <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        
                            <a href="https://b23.tv/sxbFu5?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756471593"><p>
                            三大战役之一的辽沈战役爆发的主要地点。1948年9月12日开始,同年11月2日结束,共历时52天……
                       </p> </a>
                    </div>
                </div>
            </div>
            <div class="mito">
                锦州</div>
        </div>
        <div class="mp mp26">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/sxbFu5?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756471593">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                          <a href="https://b23.tv/sxbFu5?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756471593"><p>
                            三大战役之一的辽沈战役爆发的主要地点。1948年9月12日开始,同年11月2日结束,共历时52天……
                        </p></a>
                       
                    </div>
                </div>
            </div>
            <div class="mito">
                沈阳</div>
        </div>
        <div class="mp mp27">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                      <a href="https://b23.tv/xfuX8v?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756889547">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://b23.tv/xfuX8v?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756889547"> <p>
                            70年前，有这样一群血气方刚的中国青年，从这里告别故乡，跨过鸭绿江，走上抗美援朝、保家卫国的道路……
						   </p></a>
                        
                    </div>
                </div>
            </div>
            <div class="mito find_mi2">
                丹东</div>
        </div>

        <div class="mp mp30">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://b23.tv/xfuX8v?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756889547">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <a href="https://b23.tv/xfuX8v?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629756889547">  <p>
							深圳是我国最早成立的经济特区之一，1992年，邓小平同志在深圳发表了著名的“南方谈话”……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                深圳</div>
        </div>
        <div class="mp mp31">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <img src="images/boou.png" alt="" /></div>
                    <div class="du_size">
                        <p>
                            中共“一大”的原定地点，近代以来航运经济十分发达，是我国最早的沿海开放城市之一……</p>
                    </div>
                </div>
            </div>
            <div class="mito">
                上海</div>
        </div>
        <div class="mp mp32">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/KRzKP9?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757108504">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://b23.tv/KRzKP9?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757108504">    <p>
						   中国农村改革发源地，1978年12月,凤阳县小岗村18位农民按下红手印,拉开了中国改革开放的序幕……</p></a>
                    </div>
                </div>
            </div>
          <div class="mito"> 凤阳</div>
        </div>
<div class="mp mp34">
      <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/UqsXh9?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757312593">  <img src="images/boou.png" alt="" /> </a></div>
                    <div class="du_size">
                        <a href="https://b23.tv/UqsXh9?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757312593">  <p>
							1928年，毛泽东率领的秋收起义部队，和朱德、陈毅领导的湘南起义和南昌起义部队在井冈山（原宁冈县龙市镇）胜利会师……</p></a>
                    </div>
                </div>
    </div>
            <div class="mito find_mi2">
                井冈山&nbsp;</div>
      </div>
        <div class="mp mp35">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                      <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756">   <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                     <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756">    <p>
						 淮海战役发生的主要地点，于1948年11月6日开始，1949年1月10日结束，是歼敌数量最多，政治影响最大的战役……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                蚌埠</div>
        </div>
<div class="mp mp37">
      <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756">   <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756">   <p>
						   红军第四军在1929年12月28日至29日在福建省上杭县古田村召开的第九次党的代表大会，解决了……</p></a>
                    </div>
                </div>
            </div>
    <div class="mito">古田</div>
</div>
<div class="mp mp39">
      <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                        <p>1935年10月19日，中共中央随中央红军长征到达陕北吴起镇，落户“陕北”，1948年3月，为迎接革命胜利……
                          </p>
                    </div>
                </div>
            </div>
            <div class="mito">
                <strong> 延安</strong></div>
        </div>
        <div class="mp mp40">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                       <a href="https://b23.tv/Dtbbfc?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629759447571">   <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://b23.tv/Dtbbfc?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629759447571">   <p>
						   平型关位于山西大同北部，1937年9月25日，八路军在平型关为了配合第二战区的友军作战，阻挡日军攻势…… </p></a>
                    </div>
                </div>
            </div>
            <div class="mito find_mi2">
                大同</div>
        </div>

 
        <div class="mp mp57">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <img src="images/boou.png" alt="" /></div>
                    <div class="du_size">
                        <p>
                            1935年,中国工农红军长征的队伍来到大渡河，面对国民党军的围追堵截，我军迅速夺取安顺渡口……</p>
                    </div>
                </div>
            </div>
            <div class="mito">
                石棉</div>
        </div>

        <div class="mp mp59">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756"> <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                       <a href="https://b23.tv/QNHxfe?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629757407756">  <p>
						   淮海战役发生的主要地点，于1948年11月6日开始，1949年1月10日结束，是歼敌数量最多，政治影响最大的战役……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
                徐州</div>
        </div>

      <div class="mp mp62">
            <div class="feng">
                <div class="tree">
                    <div class="sang">
                    </div>
                    <div class="boou">
                        <a href="https://b23.tv/gZIWiL?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629759616804">  <img src="images/boou.png" alt="" /></a></div>
                    <div class="du_size">
                    <a href="https://b23.tv/gZIWiL?share_medium=android&share_source=weixin&bbid=XY23FEC21001104393DCF9FDB29FAF7F93E23&ts=1629759616804">     <p>
						1935年1月至3月，中央红军采取高度机动的运动战方针，在贵阳以北的赤水六次穿越，歼灭了大量敌军……</p></a>
                    </div>
                </div>
            </div>
            <div class="mito">
              贵阳</div>
        </div>
    </div>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script>
        $(function(){
			$(".mp").mouseover(function () {
                $(this).find(".feng").show();
            }).mouseout(function () {
                $(this).find(".feng").hide();

            });
		})
    </script>
  
    
</body>
</html>
